<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>稻香村-首页</title>
    <link href="css/public.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
    <script src="js/html5shiv.js"></script>
    <!--小于等于IE8-->
    <!--[if lte ie 8]><link rel="stylesheet" href="css/ie_if.css"><![endif]-->
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="js/public.js"></script>
    <script src="js/index.js"></script>
</head>
<body>

<header class="inner">
    <div class="logo fl">
        <a class="fl" href="index.html">
            <img src="images/logo_06.png">
        </a>
        <p class="font-12 fr">中华老字号<br>始于清光绪廿一年</p>
    </div>
    <ul class="headNav font-18 fr">
        <li class="fl"><a class="inline-block" href="index.html">首<br><br>页</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="cake.html">产品中心</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="recommend.html">推荐搭配</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="news.html">新闻中心</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="store.html">储值卡</a></li>
        <li class="fl"></li>
        <li class="fl"><a class="inline-block" href="aboutUs.html">关于我们</a></li>
    </ul>
</header>

<section class="banner">
    <div class="inner">
        <img class="margin-center block" src="images/bannerLogo_03.png">
        <ul class="font-14">
            <li class="fl">百年演真情<br>。</li>
            <li class="fl listStyleRed">千载藏古韵<br>，</li>
            <li class="fl">十里送真情<br>。</li>
            <li class="fr">明月寄相思<br>，</li>
            <li class="fr listStyleRed">十里稻花香<br>。</li>
            <li class="fr">一畦春韭熟<br>，</li>
        </ul>
    </div>
</section>

<section class="product inner text-center clearFix">
    <div class="division">
        <p class="font-20 text-center">产品中心</p>
    </div>
    <ul class="textList font-14 inline-block">
        <li class="fl"><a class="active" href="cake.html">糕点</a></li>
        <li class="fl"><a href="cake.html">熟食</a></li>
        <li class="fl"><a href="cake.html">廿四节气</a></li>
        <li class="fl"><a href="cake.html">节令食品</a></li>
        <li class="fl"><a href="cake.html">速冻产品</a></li>
        <li class="fl"><a href="cake.html">糖醇糕点</a></li>
        <li class="fl"><a href="cake.html">面包主食</a></li>
        <li class="fl"><a href="cake.html">休闲食品</a></li>
    </ul>
    <div class="shuffling clearFix">
        <button class="fl left"></button>
        <div class="shufflingRing fl">
            <div class="fl box">
                <a href="recommend.html" class="fl">
                        <img src="images/cake001.png">
                    <p class="font-14">八瓣枣花酥</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake002.png">
                    <p class="font-14">黄油枣泥糕</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake003.png">
                    <p class="font-14">莲蓉酥</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake001.png">
                    <p class="font-14">八瓣枣花酥</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake002.png">
                    <p class="font-14">黄油枣泥糕</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake003.png">
                    <p class="font-14">莲蓉酥</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake001.png">
                    <p class="font-14">八瓣枣花酥</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake002.png">
                    <p class="font-14">黄油枣泥糕</p>
                </a>
                <a href="recommend.html" class="fl">
                    <img src="images/cake003.png">
                    <p class="font-14">莲蓉酥</p>
                </a>
            </div>
        </div>
        <button class="fl right"></button>
    </div>
    <div class="smallFooter">
        <img src="images/smallFooterFood001_04.png">
    </div>
</section>

<section class="food inner text-center clearFix mt-50">
    <div class="division">
        <p class="font-20 text-center">节气美食</p>
    </div>
    <ul class="textList font-14 inline-block width-317">
        <li class="fl"><a class="active" href="recommend.html">立春</a></li>
        <li class="fl"><a href="recommend.html">雨水</a></li>
        <li class="fl"><a href="recommend.html">惊蛰</a></li>
        <li class="fl"><a href="recommend.html">春分</a></li>
        <li class="fl"><a href="recommend.html">清明</a></li>
        <li class="fl"><a href="recommend.html">谷雨</a></li>
    </ul>
    <div class="food_main clearFix inner">
        <div class="food_pic fl">
            <div class="curtain relative">
                <img src="images/curtain.png">
                <img src="images/pastry001.png" class="food_fly absolute block">
            </div>
        </div>
        <div class="food_text fr relative">
            <img class="fr xiaZhi" src="images/XIAZHILIANZIBAIHEBING.png">
            <h2 class="fr">夏至莲子百合饼</h2>
            <ul class="poem font-18 clearFix">
                <li class="fr">夏至到<br>，</li>
                <li class="fr">鹿角解<br>，</li>
                <li class="fr">蝉始鸣<br>，</li>
                <li class="fr">半夏生<br>，</li>
                <li class="fr">木槿荣<br>。</li>
            </ul>
            <ul class="explain font-18 clearFix">
                <li class="fr">夏至莲子百合</li>
                <li class="fr">饼<br>”<br>在皮面中加入抹</li>
                <li class="fr">茶粉<br>，</li>
                <li class="fr">清爽怡人<br>，<br>莲子百合</li>
                <li class="fr">制馅融</li>
                <li class="fr">入其中<br>，<br>温润<br>、<br>甜</li>
                <li class="fr">糯<br>。</li>
            </ul>
        </div>
    </div>
    <div class="smallFooter">
        <img src="images/smallFooterFood002.png">
    </div>
</section>

<section class="news inner text-center clearFix">
    <div class="division clearFix">
        <p class="font-20 text-center">新闻中心</p>
    </div>
    <ul class="textList font-14 inline-block clearFix width-107">
        <li class="fl"><a class="active" href="404.html">公司视频</a></li>
        <li class="fl"><a href="news.html">公司新闻</a></li>
    </ul>
    <div class="news_main clearFix">
        <img src="images/cook.png" class="news_pic fr">
        <ul class="news_text fr font-12">
            <li class="fr">
                <img class="fl" src="images/chinaWin.png" alt="ha">
                <p class="fl">涨姿势<br>，<br>红萨其马真的是放了红糖吗</p>
                <span class="fl">２０１６－０６－１５</span>
            </li>
            <li class="fr">
                <img class="fl" src="images/chinaWin.png" alt="ha">
                <p class="fl">来京旅游<br>，<br>那些景点周边的正宗</p>
                <span class="fl">２０１６－０６－１５</span>
            </li>
            <li class="fr">
                <img class="fl" src="images/chinaWin.png" alt="ha">
                <p class="fl">端午粽香 匠心传承 | 北京稻香村粽子诞生记</p>
                <span class="fl">２０１６－０６－１５</span>
            </li>
            <li class="fr">
                <img class="fl" src="images/chinaWin.png" alt="ha">
                <p class="fl">以匠人之心打造端午好味道</p>
                <span class="fl">２０１６－０６－１５</span>
            </li>
        </ul>
    </div>
    <div class="smallFooter">
        <img src="images/smallFooterFood003.png">
    </div>
</section>

<footer class="text-center">
    <div class="inner">
        <ul class="footerNav font-18 inline-block clearFix">
            <li class="fl"><a class="inline-block" href="index.html">意见反馈</a></li>
            <li class="fl"></li>
            <li class="fl"><a class="inline-block" href="register.html">系统登录</a></li>
            <li class="fl"></li>
            <li class="fl"><a class="inline-block" href="contactUs.html">联系我们</a></li>
            <li class="fl"></li>
            <li class="fl"><a class="inline-block" href="404.html">人才招聘</a></li>
        </ul>
        <br>
        <img src="images/ewm001.png" alt="ha">
        <img src="images/ewm002.png" alt="ha">
        <p class="font-12">版权所有北京稻香村食品有限责任公司</p>
        <p class="font-12">京ICP备05080997-1号</p>
        <p class="font-12">京公安备11010102001718号</p>
    </div>
</footer>

</body>
</html>